.app_header {
  height: 64px;
  overflow: hidden;
  font-size: 14px;
  .header_container {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
      position: relative;
      .app_logo {
          display: inline-block;
          vertical-align: top;
          width: 48px;
          height: 48px;
          background-image: url(./images/logo.png);
          background-repeat: no-repeat;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
      }
      .app_name {
          height: fit-content;
          display: inline-block;
          vertical-align: top;
          font-size: 24px;
          color: #fffffff2;
          font-weight: bold;
          position: absolute;
          left: 60px;
          top: 50%;
          transform: translateY(-50%);
      }
      .header_btn {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          float: right;
          color: #ffffff;
          line-height: 64px;
          .btn_work {
              display: inline-block;
              vertical-align: middle;
              padding-left: 19px;
              background-image: url(./images/home.svg);
              background-position: 0 center;
              background-repeat: no-repeat;
              opacity: .9;
              cursor: pointer;
              &:hover {
                opacity: 1;
              }
          }
          .slice_line {
              display: inline-block;
              vertical-align: middle;
              width: 1px;
              height: 12px;
              background-color: #c6d7e4;
              opacity: 0.32;
              margin: 0 20px;
          }
          .btn_message {
              display: inline-block;
              vertical-align: middle;
              cursor: pointer;
              #Assistant_infoCenter {
                  position: relative;
                  display: inline-block;
                  width: 16px;
                  height: 16px;
                  top: 3px;
                  z-index: 100;
                  background-repeat: no-repeat;
                  margin-right: 3px;

              }
              &:hover {
                  color: #fff;
              }
          }
          .btn_help {
              display: inline-block;
              vertical-align: middle;
              padding-left: 16px;
              background-image: url(./images/help.png);
              background-position: 0 center;
              background-repeat: no-repeat;
              margin-left: 20px;
              cursor: pointer;
              &:hover {
                  color: #fff;
                  background-image: url(./images/help_hover.png);
              }
          }
          .user_info {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              margin-right: 5px;
              cursor: pointer;
              &:hover {
                  .user_name {
                      color: #fff;
                  }
              }
              .user_avatar {
                  display: inline-block;
                  vertical-align: middle;
                  width: 28px;
                  height: 28px;
                  border-radius: 50%;
                  background-size: 100% 100%;
                  margin-right: 8px;
              }
              .user_name {
                  display: inline-block;
                  vertical-align: middle;
                  cursor: pointer;
                  margin-right: 4px;
                  opacity: 0.9;
              }
              .user_identity {
                  display: inline-block;
                  vertical-align: middle;
                  width: 80px;
                  height: 16px;
                  line-height: 14px;
                  text-align: center;
                  color: #fff;
                  font-size: 10px;
                  background-size: 100% 100%;
                  position: relative;
                  .user_identityName{
                      box-sizing: border-box;
                      width: 50px;
                      text-overflow: ellipsis;
                      overflow: hidden;
                      white-space: nowrap;
                      position: absolute;
                      left: 20px;
                      top: 50%;
                      transform: translateY(-50%);
                  }
              }
          }
          .quitlogo {
              display: inline-block;
              vertical-align: middle;
              width: 14px;
              height: 14px;
              background-image: url(./images/logout.png);
              background-size: 100% 100%;
              cursor: pointer;
              opacity: .9;
              &:hover {
                  opacity: 1;
              }
          }
      }
  }
}